/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#000;}
.banner-box{ min-width:1300px; height:720px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:720px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto; width: 100%; height: 80%; position: relative; z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:250px; left: 0; margin-left: 0; height: 410px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../img/20210817201104_469743888.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../img/20210817201104_1471110130.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #1f76e5;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:80px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right:80px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.prdct_c{background: url(../img/20210817201611_603216554.jpg) repeat left; padding: 60px 0;}
.prdct_c_bg{width:1300px; margin:0 auto;  overflow:hidden;}
.prodct_c_bg_l{width:340px; float:left; padding:20px; background:#333;}
.podut_c_bg_r{width:650px; float:right; font-family:"";}
.p_t{width:261px; padding-left:20px; line-height:42px; font-size:30px; color:#fff; font-family:""; background:url(../img/20211206164519_687353847.jpg) no-repeat; height:42px;}
.p_f{width:650px; font-size:32px; font-weight:bold; color:#333333; padding-top:5px;}
.margin_bg{font-size:0px; overflow:hidden; height:20px;}
.p_l_r{width:650px;}
.p_l{width:136px; float:left; background:url(../img/20211206165952_1327267036.png) no-repeat; height:318px;}
.lpe_r{width:510px; float:right; font-size:12px;}

/*产品中心*/
.product{ padding:60px 0 80px 0;}
.sort_lxfs{ width:270px; height:162px; margin:0 auto;}
.sort{ float:left; width:271px; overflow:hidden;background: #eee; }
.sort_til{ height:105px; background:#1f76e5 url(../img/20210817201105_1981804915.png) no-repeat 200px 30px; font-weight:bold; line-height:45px; font-size:28px; color:#fff; padding-left:25px;    padding-top: 21px;}
.sort_til p{font-size:14px; line-height:14px;font-weight: normal; color: #fff;text-transform: uppercase;}
.sort_nor{background: #eee;border-top: solid 1px #eee; padding: 15px 15px 16px 15px;}
.sort_nor table{ width:100%;}
.product_cont dd .divproduct_new_div_item:before{ content:""; display:block; width:0; height:446px; position:absolute; top:0; left:0; background:#eee;transition: all 0.5s; z-index:0;}
.product_cont dd .divproduct_new_div_item:hover:before{ width:100%;}
.product_cont dd .divproduct_new_div_item:hover a{ color:#fff;}
.product_cont dd .divproduct_new_div_item:hover .divproduct_new_div_item_body{ color:#fff;}
.sort_nor>table>tbody>tr>td>a{ display:block; line-height:50px; padding-left:50px; background:#fff url(../img/20210817201105_608250282.png) no-repeat 18px 18px; font-size:16px; color:#222222; transition:all .3s ease;}
.sort_nor>table>tbody>tr>td>a:hover{background:#1f76e5 url(../img/20210817201105_818476605.png) no-repeat 18px 18px; color:#fff;}
.sort_nor>table>tbody>tr+tr{ display:block; margin-top:15px; width:100%;}
.sort_nor>table>tbody>tr>td{ display:block; width:100%;}
.sort_nor table table tr td { height:30px !important; }
.sort_nor table table tr td a{ display:block; margin-left:20px; padding-left:17px;line-height:30px; font-size:14px; color:#999; background:url(../img/20210817201105_340747490.png) no-repeat left center; transition:all .4s ease;}
.sort_nor table table tr td a:hover{ padding-left:30px; color:#1f76e5;}

/*产品图片*/
.proshow{width:1000px;}
.proshow li{ display:inline-block; vertical-align:top; padding:0 !important; width:313px; border:1px solid #eeeeee; margin-bottom: 20px; margin-right:20px;}
.proshow .on{margin-right: 0;}
.proshow li a,.proshow li a span { display:block; position:relative; overflow:hidden; transition:all .3s ease;}
.proshow li br{ display:none;}
.proshow li a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow li>a:after,.proshow li>a:before{ content:''; display:block; position:absolute; transition:all .5s ease;}
.proshow li>a:after{ width:100%; height:100%;background:rgba(0,0,0,.5); top:0; left:0; opacity:0;}
.proshow li>a:before{ width:56px; height:56px; top:0; bottom:0; left:0; right:0; margin: auto; background:url(../img/20210817201105_583011531.png) no-repeat center; transform:scale(0); z-index:1;}
.proshow li:hover>a:after{ opacity:1;}
.proshow li:hover>a:before{transform:scale(1);}
.proshow li:hover>a img{ transform:scale(1.1);}
.proshow li span a{ text-align: center; line-height:66px; background:#f2f1f0; font-size:16px; color:#35383a;}
.proshow li:hover span a{ background:#1f76e5; color:#fff;}


/*把控质量*/
.trait{ height:946px; background:url(../img/20210817134436_1421330358.jpg) no-repeat center;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; }
.trait .title{ color:#fff;}
.trait .title span{color:#e5e5e5;}
.trait .title em i:nth-child(2){background:#1f76e5;}
.trait .title em i:nth-child(3){background:#ccc;}
.traul{ width:1300px; margin:50px auto 0 auto; padding:50px; background:#fff;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center;}
.traul li{ display:inline-block; vertical-align:top; box-sizing: border-box; width:300px; height:490px; border:1px dashed #e1e0de; padding:0 30px;transition:all .3s ease; position:relative; z-index:3;}
.traul li+li{ margin-left:33px;}
.traul li p{ position:relative; z-index:3;}
.trac{ font-size:14px; color:#838281; line-height:34px; transition:all .3s ease;}
.traicon{ display:inline-block; width:68px; height:66px; background:url(../img/20210817134921_256879164.png) no-repeat left top; margin:40px 0 20px 0;transition:all .3s ease;}
.traul li:nth-child(2) .traicon{ background-position-x:-86px;}
.traul li:nth-child(3) .traicon{ background-position-x:-181px;}
.traul li:nth-child(4) .traicon{ background-position-x:-294px;}
.trat{ font-size:28px; color:#343331; padding-bottom:50px; position:relative; transition:all .3s ease;}
.trabtn a{ display:inline-block; text-align:center; width:168px; line-height:38px; border-radius:20px; position:relative; background:#545351; transition:all .3s ease; font-size:14px; color:#fff;}
.trabtn a i{ display:inline-block; padding-left:43px; background:url(../img/20210817201428_180284881.png) no-repeat left center;}
.trabtn a:after{ content:''; display:block; position:absolute; z-index:-1; width:100%; height:100%; left:0; top:6px; background:#161514; border-radius:20px;}
.trabtn{ margin-top:40px;}
.trat i{ display:block; position:absolute; left:0; right:0; margin:0 auto; width:4px; height:5px; background:#1f76e5; bottom:25px; border-radius:50%;}
.traul li:after{ content:''; display:block; position:absolute; width:300px; height:490px; box-sizing:border-box; border:2px solid #1f76e5; opacity:0; transition:all .3s ease; top:-1px; left:-1px;}
.traul li:hover:after{ opacity:1;}
.traul li:hover .traicon{background-position-y:-90px;}
.traul li:hover .trat{ color:#1f76e5; padding-bottom:70px;}
.traul li:hover .trabtn a{ background:#1f76e5;}
.traul li:hover .trabtn a:after{ background:#1a56a3;}
.traul li:hover .trat i{ width:10px; height:10px; border:1px solid #1f76e5; background:#fff;bottom:40px;}
.trat i:after{ content:''; display:block; position:absolute; top:13px; width:1px; height:0; background:#1f76e5; opacity:0; left:0; right:0; margin:0 auto; transition:all .3s ease;}
.traul li:hover .trat i:after{ opacity:1; height:14px;}




/*四大优势*/
.adv{ height:950px; padding-top:77px; background:url(../img/20210817134436_1197987944.jpg) no-repeat center;}
.advtab{ font-size:0; margin:46px 0 60px 0; white-space:nowrap;}
.advtab li{ display:inline-block; vertical-align:top; width:300px; height:126px; box-sizing:border-box; text-align:center; border:1px solid #e5e4e1; background:#41403f; transition:all .3s ease; padding:33px 0; font-size:14px; color:#b3b1ae; text-transform:uppercase; cursor:pointer;}
.advtab li+li{ margin-left:33px;}
.advtab li p{ display:inline-block; vertical-align:middle; text-align:left;}
.advicon{ width:69px; height:52px; background:url(../img/20210817141123_803713502.png) no-repeat left top; transition:all .3s ease;}
.advtab li:nth-child(2) .advicon{ background-position-x:-75px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-158px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-246px;}
.advtitl b{ display:block; color:#fff; font-size:30px; margin-bottom:3px;}
.advtab li.on{ background:#1f76e5; border-color:#1f76e5; color:#5d9ceb;}
.advtab li.on .advicon{ background-position-y:-66px;}
.advcon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; background:#fff; }
.advleft{ margin:0 40px;}
.adv_t{ font-size:28px; color:#343331; margin:45px 0 0 28px;}
.adv_t em{ display:block; font-size:14px; color:#b5b4b1; text-transform:uppercase; white-space:nowrap; margin-top:5px;}
.advtop p{ display:inline-block; vertical-align:top;}
.advtop{ font-size:0;}
.advwa{ padding:45px 0; border-bottom:1px solid #eaeae9; margin-bottom:45px; font-size:15px; color:#8b8a89; line-height:36px;}
.advwa p{ padding-left:38px; background:url(../img/20210817201507_2091645250.png) no-repeat left 10px;}
.advtel{ font-size:16px; color:#8b8a89; padding-left:40px; background:url(../img/20210817201507_260994343.png) no-repeat left center;} 
.advtel em{ vertical-align:sub; font-size:32px; color:#1f76e5; font-size:fontDin1; padding-left:10px;}
.advtop p:nth-child(1){ width:112px; height:146px; box-sizing:border-box; background:#343331; text-align:center; padding-top:25px; font-size:30px; color:#fff; position:relative; margin-top:-14px; position:relative;}
.advtop p:nth-child(1) em{ display:block; font-size:54px; font-family:fontDin2;}
.advtop p:nth-child(1):after{ content:''; display:block; width:0; height:0; left:100%; top:0; border-left:14px solid #020202; border-top:14px solid transparent; position:absolute;}




/*应用案例*/
.case{ padding:70px 0;}
.swiper-container{ padding:35px 0;}
.post_m{position: relative;  padding-bottom:40px; margin:50px auto 0 auto; width:1300px;}
.post_m .swiper-slide {position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;
-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;-o-transition: transform 1s;-webkit-transform: scale(.8);transform: scale(.8);}
.post_m .swiper-slide img { width: 100%;height:auto;}
.post_m .text {box-sizing:border-box;width: 100%; line-height:58px; opacity:0; color:#fff; text-align:center;font-size:18px;background-color:#1f76e5;}
.post_m .text h4 {color: #333;font-size: 18px;line-height: 18px;font-weight: 700;padding-bottom: 5px}
.post_m .text p {color: #5f5f5f; font-size: 14px; line-height: 26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.post_m .text a {display: none;color: #fff; font-size: 12px; line-height: 12px;}
.post_m .swiper-slide-next{ -webkit-transform: scale(.95) translateX(10px);transform: scale(.95)translateX(10px);}
.post_m .swiper-slide-prev{ -webkit-transform: scale(.95) translateX(-10px);transform: scale(.95)translateX(-10px);}
.post_m .swiper-slide-active, .post_m .swiper-slide-duplicate-active { -webkit-transform: scale(1.07) translateY(-14px);transform: scale(1.07) translateY(-14px);}
.post_m .swiper-slide-active .text, .post_m .swiper-slide-duplicate-active .text { opacity:1;}
.post_m .swiper-slide-active h4, .post_m .swiper-slide-active p, .post_m .swiper-slide-duplicate-active h4, .post_m .swiper-slide-duplicate-active p { color: #fff;}
.post_m .swiper-slide-active a, .post_m .swiper-slide-duplicate-active a { display: block; width:100%; height:100%;position: relative;}
.post_m .swiper-pagination {bottom:0;left: 50%;transform: translate(-50%, 0)}
.post_m .swiper-pagination-bullet{ width:16px; height:16px; background:#dedfe0; opacity:1;}
.post_m .swiper-pagination-bullet+ .swiper-pagination-bullet{ margin-left:14px;}
.post_m .swiper-pagination-bullet-active{background:#1f76e5;}




/*走进正航*/
.about{ padding:70px 55px; background:url(../img/20210817201611_603216554.jpg) repeat left; position:relative;}
.about:after{ content:''; display:block; position:absolute; height:198px; width:100%; background:#1f76e5; left:0; bottom:0;}
.about .title em{ display:block; background:url(../img/20210817201611_155478656.png) no-repeat center;}
.about>div{ position:relative; z-index:9;}
.abcon{ margin-top:25px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; }
.ableft{ margin:35px 60px 0 0;}
.abwa{ font-size:16px; line-height:36px; color:#90908f; text-indent:2em; margin-bottom:50px;}
.abbtn a{ display:inline-block; width:172px; margin-right: 5px; line-height:56px; background:#2d2c2b; text-align:center; transition:all .3s ease; font-size:18px; color:#ffffff;}
.abbtn a:hover{ background:#1f76e5;}
.abpic{ padding:10px;background:url(../img/20210817201611_1178790273.jpg) repeat left;}
.num{ font-size:0; position:relative; margin-top:-50px;}
.num li{ display:inline-block; vertical-align:top; font-size:18px; color:#76b2ff; text-align:center; padding:0 10px;}
.num li span{ display:block; font-size:14px; font-weight:bold; color:#fff; margin-bottom:12px;}
.num li em,.num li i{ display:inline-block; vertical-align:text-top;}
.num li i{ font-size:48px; font-family:fontDin2; margin-right:15px; line-height:40px;}
.num li:nth-child(1) i{ margin-right:20px;}
.num li:nth-child(2){ margin:0 30px; padding:0 30px; border-left:1px dashed #76b2ff; border-right:1px dashed #76b2ff;}

.partner{
	margin: 20px auto;
}
.partner li{
	float: left;
	text-align: center;
	width: 24%;
	margin-right: 10px;
}
.partner li img{
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.partner li p{
	padding: 5px 0;
}


/*新闻聚焦*/
.news{ padding:70px 0 60px 0;}
.newstab{ font-size:0; margin:42px 0; text-align:center;}
.newstab a{ display:inline-block; width:160px; line-height:52px; border-radius:6px; background:#f2f2f2; text-align:center; font-size:18px; color:#222; transition:all .3s ease;}
.newstab a.on{ background:#1f76e5; color:#fff;}
.newstab a+a{ margin-left:36px;}
.newscon .news_div_item{ float:left; width:412px; position:relative;}
.newscon .news_div_item+.news_div_item{ margin-left:30px;}
.newscon .news_div_item_pic img{ width:100%; height:320px; transition:all .6s ease;}
.newscon .news_div_item_pic{ overflow:hidden; margin-bottom:263px;border: 1px solid #eeeeee; }
.newscon .news_div_item_date{ position:absolute; width:102px; height:102px; box-sizing:border-box; background:#1f76e5; padding:20px; font-size:0; text-align:center; border-radius:0 8px 0 8px; left:3px; bottom:266px; z-index:9;}
.newscon .news_div_item_date>div{ display:inline-block; font-size:18px; color:#fff; font-family:fontDin1;}
.newscon .news_div_item_date>div.news_div_item_year{ font-size:30px;} 
.newscon .news_div_item_content{ position:absolute; width:100%; box-sizing:border-box; left:0; bottom:0;background: #f1f1f1;height:263px; padding:40px 30px 0 30px;}
.newscon .news_div_item_a{ font-size:18px; color:#333333; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;transition:all .3s ease;}
.newscon .news_div_item_body{ font-size:14px; color:#999999; line-height:32px; padding:25px 0 35px 0; border-bottom:1px solid #e4e4e4;}
.newsbtn{ margin-top:27px;}
.newsbtn .newicon{ float:left; display:inline-block; width:28px; height:20px; background:url(../img/20210817201702_1422209038.png) no-repeat center;}
.newsbtn .newmore{ float:right; font-size:14px; color:#888888; padding:0 5px 10px 5px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #cdcdcd; transition:all .3s ease;}
.newscon .news_div_item:hover .newmore,.newscon .news_div_item:hover .news_div_item_a{ color:#1f76e5; border-color:#1f76e5;}
.newscon .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}